@charset "utf-8";

@media screen and (min-width: 1100px) {
	/*---reset---*/
	body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend,
		input, td, th, textarea, p, blockquote, th, td {
		margin: 0;
		padding: 0;
	}
	* focus {
		outline: none;
		margin: 0;
		padding: 0;
	}
	a:focus {
		outline: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	fieldset, img {
		border: 0;
	}
	address, caption, cite, code, dfn, em, strong, th, var {
		font-style: normal;
	}
	li {
		list-style: none;
	}
	caption, th {
		text-align: left;
	}
	h1, h2, h3, h4, h5, h6 {
		font-size: 100%;
	}
	input, textarea, select {
		font-family: inherit;
		font-size: inherit;
		font-weight: inherit;
	}
	.clear {
		clear: both;
	}
	a {
		outline: none;
		text-decoration: none;
		color: #000;
	}
	a:hover {
		color: red;
	}
	.fl {
		float: left;
	}
	.fr {
		float: right;
	}
	.fc {
		margin: 0 auto;
	}
	ul.unstyled, ol.unstyled {
		margin-left: 0;
		list-style: none;
	}
	ul.uinline, ol.uinline {
		margin-left: 0;
		list-style: none;
	}
	ul.uinline>li, ol.uinline>li {
		display: inline-block;
		*display: inline;
		padding-right: 5px;
		padding-left: 5px;
		*zoom: 1;
	}

	/*---全局配置---*/
	body {
		margin: 0 auto;
		font: 12px/22px 'Microsoft Yahei', '\5b8b\4f53', 微软雅黑, '宋体', '黑体' Arial,
			Lucida Grande, Tahoma, sans-serif;
		background-color: #9DC9EE !important;
		color: #000;
		overflow-x: hidden;
	}
	#title {
		width: 100%;
		max-width: 1100px;
		margin:0 auto !important;
	}
	#head {
		width: 100%;
		height: 97px;
		margin: 0 auto;
		background-color: #9DC9EE !important;
		background-size: 100%;
	}
	#logo {
		width: 1100px;
		height: 97px;
		margin: 0 auto;
		background: #9DC9EE url(../img/head_bg.jpg) center center no-repeat;
		background-color: #9DC9EE !important;
		background-size: 100%;
	}
	#container {
		width: 80%;
		height:560px;
		margin: 10px auto 20px;
		padding-bottom: 40px;
		border: 1px solid #D6D6D6;
		background: rgba(244,244,244,0.9);
	}
	
	
}

/** iPad **/
@media only screen and (min-width: 768px) and (max-width: 1100px) {
	/*---reset---*/
	body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend,
		input, td, th, textarea, p, blockquote, th, td {
		margin: 0;
		padding: 0;
	}
	* focus {
		outline: none;
		margin: 0;
		padding: 0;
	}
	a:focus {
		outline: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	fieldset, img {
		border: 0;
	}
	address, caption, cite, code, dfn, em, strong, th, var {
		font-style: normal;
	}
	li {
		list-style: none;
	}
	caption, th {
		text-align: left;
	}
	h1, h2, h3, h4, h5, h6 {
		font-size: 100%;
	}
	input, textarea, select {
		font-family: inherit;
		font-size: inherit;
		font-weight: inherit;
	}
	.clear {
		clear: both;
	}
	a {
		outline: none;
		text-decoration: none;
		color: #000;
	}
	a:hover {
		color: red;
	}
	.fl {
		float: left;
	}
	.fr {
		float: right;
	}
	.fc {
		margin: 0 auto;
	}
	ul.unstyled, ol.unstyled {
		margin-left: 0;
		list-style: none;
	}
	ul.uinline, ol.uinline {
		margin-left: 0;
		list-style: none;
	}
	ul.uinline>li, ol.uinline>li {
		display: inline-block;
		*display: inline;
		padding-right: 5px;
		padding-left: 5px;
		*zoom: 1;
	}

	/*---全局配置---*/
	body {
		margin: 0 auto;
		font: 12px/22px 'Microsoft Yahei', '\5b8b\4f53', 微软雅黑, '宋体', '黑体' Arial,
			Lucida Grande, Tahoma, sans-serif;
		background-color: #9DC9EE !important;
		color: #000;
		overflow-x: hidden;
	}
	#head {
		width: 100%;
		height: 97px;
		margin: 0 auto;
		background-color: #9DC9EE !important;
		background-size: 100%;
	}
	#logo {
		width: 1100px;
		height: 97px;
		margin: 0 auto;
		background: #9DC9EE url(../img/head_bg.jpg) center center no-repeat;
		background-color: #9DC9EE !important;
		background-size: 100%;
	}
	#container {
		width: 1100px;
		margin: 10px auto 20px;
		padding-bottom: 40px;
		border: 1px solid #D6D6D6;
		background-color: #FFF;
	}
}

/** iPhone **/
@media only screen and (min-width: 200px) and (max-width: 767px) {
	body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend,
		input, td, th, textarea, p, blockquote, th, td {
		margin: 0;
		padding: 0;
	}
	* focus {
		outline: none;
		margin: 0;
		padding: 0;
	}
	a:focus {
		outline: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	fieldset, img {
		border: 0;
	}
	address, caption, cite, code, dfn, em, strong, th, var {
		font-style: normal;
	}
	li {
		list-style: none;
	}
	caption, th {
		text-align: left;
	}
	h1, h2, h3, h4, h5, h6 {
		font-size: 100%;
	}
	input, textarea, select {
		font-family: inherit;
		font-size: inherit;
		font-weight: inherit;
	}
	.clear {
		clear: both;
	}
	a {
		outline: none;
		text-decoration: none;
		color: #000;
	}
	a:hover {
		color: red;
	}
	.fl {
		float: left;
	}
	.fr {
		float: right;
	}
	.fc {
		margin: 0 auto;
	}
	ul.unstyled, ol.unstyled {
		margin-left: 0;
		list-style: none;
	}
	ul.uinline, ol.uinline {
		margin-left: 0;
		list-style: none;
	}
	ul.uinline>li, ol.uinline>li {
		display: inline-block;
		*display: inline;
		padding-right: 5px;
		padding-left: 5px;
		*zoom: 1;
	}

	/*---全局配置---*/
	body {
		margin: 0 auto;
		font: 12px/22px 'Microsoft Yahei', '\5b8b\4f53', 微软雅黑, '宋体', '黑体' Arial,
			Lucida Grande, Tahoma, sans-serif;
		background-color: #9DC9EE !important;
		color: #000;
		overflow-x: hidden;
	}
	#head {
		width: 100%;
		height: 97px;
		margin: 0 auto;
		background-color: #9DC9EE !important;
		background-size: 100%;
	}
	#logo {
		width: 1100px;
		height: 97px;
		margin: 0 auto;
		background-color: #9DC9EE !important;
		background-size: 100%;
	}
	#container {
		width: 90%;
		margin: 10px auto 20px;
		padding-bottom: 40px;
		border: 1px solid #D6D6D6;
		background-color: #FFF;
	}
}